<div class="abp-toast" [ngClass]="severityClass" (click)="tap()">
  <div class="abp-toast-icon">
    <i class="bi icon" [ngClass]="iconClass" aria-hidden="true"></i>
  </div>
  <div class="abp-toast-content">
    @if (toast.options?.closable) {
      <button class="abp-toast-close-button" (click)="close()">
        <i class="bi bi-x fs-4" aria-hidden="true"></i>
      </button>
    }
    <div class="abp-toast-title">
      {{ toast.title | abpLocalization: toast.options?.titleLocalizationParams }}
    </div>
    <p
      class="abp-toast-message"
      [innerHTML]="toast.message | abpLocalization: toast.options?.messageLocalizationParams"
    ></p>
  </div>
</div>
